﻿

$(document).ready(function () {


    //slide project
    var speed = 1000;
//    var projects = $('#slide div'),
//			times = 1, indexslide = 0,
//			margin = 0;
//    $('#right_direct').on('click', function () {
//        indexslide++;
//        if (indexslide > times) {
//            indexslide = 0;
//        }
//        margin = 370 * indexslide + 10;
//        console.log(margin);
//        $('#slide').animate({
//            'margin-top': '-' + margin
//        }, speed);
//    });

//    $('#left_direct').on('click', function () {
//        indexslide--;
//        if (indexslide < 0) {
//            indexslide = 0;
//        }
//        margin = 370 * indexslide + 10;
//        $('#slide').animate({
//            'margin-top': '-' + margin

//        }, speed);
//    });

//    $('#left_direct').on('mouseover', function () {
//        $(this).attr('src', '/images/left_direct_hover.png');
//    });

//    $('#left_direct').on('mouseout', function () {
//        $(this).attr('src', '/images/left_direct.png');
//    });

//    $('#right_direct').on('mouseover', function () {
//        $(this).attr('src', '/images/right_direct_hover.png');
//    });

//    $('#right_direct').on('mouseout', function () {
//        $(this).attr('src', '/images/right_direct.png');
//    });


    //auto run image on top
    var index = 4, bulindex;
    var imgs = $('div.fade'),
			bullets = $('div.img'),
			current = index;
    $('div.img').on('click', function () {
        $(this).addClass('selected');
        $(this).siblings().removeClass('selected');
        index = parseInt($(this).attr('id')) + 1;
        animate();
    });

    function animate() {
        imgs.eq(current).animate({
            'opacity': 0
        }, speed);
        --index;
        if (index < 0) { index = 4 }
        imgs.eq(index).animate({
            'opacity': 1
        }, speed);
        bulindex = 4 - index;
        current = index;
        bullets.eq(bulindex).addClass('selected');
        bullets.eq(bulindex).siblings().removeClass('selected');

    };

    setInterval(function () {
        animate();
    }, 10000);
});
